<template>
  <div>
    <el-form ref="form" :model="form" label-width="80px" :inline="true">
      <el-form-item label="订单类型">
        <el-select v-model="form.ordertype" placeholder="请选择">
          <el-option label="一对一" value="0"></el-option>
          <el-option label="课程订单" value="1"></el-option>
          <el-option label="会员订单" value="2"></el-option>
          <el-option label="图书管理" value="3"></el-option>
          <el-option label="拼团订单" value="4"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="任务状态">
        <el-select v-model="form.status" placeholder="请选择">
          <el-option label="待启动" value="0"></el-option>
          <el-option label="进行中" value="1"></el-option>
          <el-option label="已完成" value="2"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button icon="el-icon-search">搜索</el-button>
      </el-form-item>
      <el-form-item>
        <el-button icon="el-icon-refresh-left">重置</el-button>
      </el-form-item>
    </el-form>
    <!-- 表格 -->
    <p>
      <el-table :data="list" style="width: 100%">
        <el-table-column prop="title" label="任务名称" width="180">
        </el-table-column>

        <el-table-column label="申请时间" width="180">
          {{ new Date().toLocaleString() }}
        </el-table-column>
        <el-table-column
          prop="渲染绑定的表数据tableDate中的哪个数据"
          label="申请人"
          width="180"
        >
          超级管理员
        </el-table-column>
        <el-table-column label="任务类型" width="180">
          导出订单
        </el-table-column>
        <el-table-column prop="status" label="状态" width="180">
          待启动
        </el-table-column>
        <el-table-column
          prop="渲染绑定的表数据tableDate中的哪个数据"
          label="操作"
          width="180"
        >
          删除
        </el-table-column>
      </el-table>
    </p>
    <!-- {{ this.$route.query.val }} -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      val: this.$route.query.val,
      list: [],
      form: {
        ordertype: "",
        status: ""
      }
    };
  },
  mounted() {
    this.list.push({
      id: this.list.length + 1,
      title: this.val
    });
  },
  methods: {}
  //   watch: {
  //     list: {}
  //   }
};
</script>

<style lang></style>
